<template>
    <div>
        <h1>Vue基础语法--指令</h1>
        账号：<input type="text" v-model="info.username" ><br>
        密码：<input type="text" v-model="info.userPwd"><br>
        <input type="button" value="登录" @click="login"><br>
    </div>
</template>

<script setup lang="ts">
//v-model 双向绑定 一般用于表单元素 目的是获取表单元素的value值
//v-bind 单项绑定
//v-on 事件绑定
import { ref,reactive } from 'vue'
let info=reactive({
    username:'张三',
    userPwd:'1234'
})

</script>

<style scoped>

</style>